<template>
  <text class="c-tag-container" :style="{ color, background }">
    {{ text }}
  </text>
</template>

<script setup>
import { defineProps } from 'vue'

const props = defineProps({
  text: {
    type: String,
    default: 'IMAX'
  },
  color: {
    type: String,
    default: '#fff'
  },
  background: {
    type: String,
    default: 'rgba(0, 0, 0, 0.75)'
  }
})
</script>

<style lang="scss">
.c-tag-container {
  font-size: 10px;
  padding: 1px 3px;
  margin: 0 2px;
  border-radius: 3px;
}
</style>
